<template>
  <div class="home-box">
    <!-- <button @click="clickShowDrawer">show Drawer</button>
    <Drawer :visible.sync="showDrawer" :header="'打发第三方'">
      asdfasdvcv
    </Drawer> -->
    <span class="home-title" @click="jumpTo">嗯，是首页。</span>
    <p class="home-author">
      <span class="home-author-by">by</span>
      <span class="home-author-text">家里一只狗</span>
    </p>
  </div>
</template>

<script>
import Drawer from "@/components/Drawer.vue"

export default {
	data() {
		return {
      showDrawer: false,
		}
	},
  mounted() {

  },
  methods: {
    clickShowDrawer() {
      this.showDrawer = !this.showDrawer
    },
    jumpTo() {
      this.$router.push('/works')
    }
  },
  components: {
    Drawer
  }
}
</script>

<style scoped>
.home-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.home-title {
  font-size: 80px;
  user-select: none;  
  cursor: pointer;
}
.home-author {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 14px;
  user-select: none;  
}
.home-author-by {
  margin-right: 10px;
}
</style>

